<template>
  <div class="guide">
    <p class="guide_tit" v-html="info.title"></p>
    <div class="guide_cont" v-html="info.content"></div>
  </div>
</template>



<script>
import axios from 'axios'
import global from '../../../utils/global'
import store from '../../../utils/store'
export default {
  name: 'guide',
  data () {
    return {
      info:'',
    }
  },
  mounted(){
    this.getInfo();
    this.$root.share();
  },
  methods: {
    // 信息获取
    getInfo(){
      var that = this;
      axios.get(global.api.index.policy,{
        params: {
          uuid: localStorage.getItem('carWashUuid'),
        }
      })
      .then(function(res){
        console.log("getInfo then");
        console.log(res);
        that.info = res.data.data;
      })
      .catch(function(res){
        console.log("getInfo catch");
        console.log(res);
      }) 
    },
  }
}
</script>



<style scoped>
  .guide{
    padding: 1rem 0.5rem;
  }
  .guide_tit{
    /*font-size: 1rem;*/
    line-height: 2rem;
    text-align: center;
  }
  .guide_cont{
    text-align: left;
  }
</style>
<style>
  *:focus{
    outline-offset: 0px;
    outline: -webkit-focus-ring-color auto 0px;
  }
  ul,li,li,a,p,span{
    margin: 0;
    padding: 0;
  }
  li{
    list-style: none;
  }
  .flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
</style>